import React from 'react'
import classNames from 'classnames'

import './styles/menu-item.scss'

const MenuItem = ({ label, disable = false, clickMenu, borderBottom = false }) => {
  return (
    <span
      className={classNames({
        'item-left': true,
        'disable-click': disable,
        'able-click': !disable,
        'item-border': borderBottom,
      })}
      onClick={clickMenu}
    >
      {label}
    </span>
  )
}

export default MenuItem
